$(function() {
    $.ajax({
        type: 'get',
        url: '/category/queryTopCategory',
        dataType: 'json',
        data: {},
        success: function(res) {
            console.log(res)
            $(".cate-list").html(template("temp", res))
        }
    });
    //通过ajax获取后台的数据
    function getData(id) {
        $.ajax({
            type: 'get',
            url: '/category/querySecondCategory',
            data: { id: id },
            dataType: 'json',
            success: function(res) {
                console.log(res);
                // 渲染
                $('.area-right').html(template('two-temp', res));
            }
        })
    }
    //给动态创建的li标签加上点击事件
    $(".cate-list").on("click", 'li', function() {
            $(this).addClass('change_back').siblings().removeClass('change_back');
            var id = $(this).data("id");
            console.log(id);
            getData(id);
        })
        //动态获取后台数据
})